<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="mobile-agent" content="format=html5; url=http://wap.sanwen8.cn/subject/1413722/">
<meta http-equiv="mobile-agent" content="format=xhtml; url=http://wap.sanwen8.cn/subject/1413722/">
<title>{$list.title}-好诗文网--在线免费无弹窗开放式诗歌散文鬼故事网站</title>
<meta name="description" content="好诗文网-{$list.title}-好诗文网在线免费提供经典散文诗歌文章,爱情散文,哲理散文,伤感散文,鬼故事等内容">
<meta name="keywords" content="{$list.title}">
<link href="__ROOT__/shiwen/pc/xin/css/index.css" rel="stylesheet" type="text/css">
<!--<script src="http://i0.sanwen8.cn/js/a.min.js" type="text/javascript"></script>-->
<script src="__ROOT__/shiwen/pc/xin/js/jquery.min.js" type="text/javascript"></script>
<script src="__ROOT__/shiwen/pc/xin/js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="__ROOT__/shiwen/pc/xin/css/sweetalert.css">
<link type="image/x-icon" href="__ROOT__/shiwen/pc/xin/image/okshiwen.ico" rel="icon">
<style>
body,.masker{height:100%;}
.masker{position: fixed;z-index: 9998;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: .5;display:none;}
.pic-window{display:none !important;}
.content {
	width: 100%;  /* 确保容器宽度 */
	overflow: visible;  /* 确保内容不会被隐藏 */
}

.content img {
	max-width: 100%;     /* 确保图片不超过容器宽度 */
	height: auto;        /* 保持原始宽高比 */
	display: block;      /* 避免图片下方有间隙 */
	margin: 10px auto;   /* 添加上下边距并居中 */
}

.content p {
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.content p span {
	white-space: normal !important;
	word-wrap: break-word !important;
	display: inline;
	text-wrap: wrap !important;  /* 现代浏览器支持 */
}
</style>
<!-- 谷歌广告-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2289811950774018"
     crossorigin="anonymous"></script>
</head>
<body onselectstart="return false">
   {include file="pc/index/header"}
		<div id="content">
			<div id="main">
				<div id="article">
					<div class="path"><a href="/">好诗文</a> &raquo; <a href="3.html">诗歌</a></div>
					<h1>{$list.title}</h1>
					<div class="info" style="padding:5px;border-bottom:1px solid #eee;margin-bottom:15px;color:#666;text-align:center;">{$list.add_time|date='Y-m-d'} | 发布者：<a href1="" target="_blank">{$list.penname}</a> | 好诗文
					<div class="_mzmdwrpj92"></div>
    <script type="text/javascript">
        (window.slotbydup = window.slotbydup || []).push({
            id: "u6778357",
            container: "_mzmdwrpj92",
            async: true
        });
    </script>
					
					</div>
                  		

					<div class="content">
						{$list.content|raw}
											
						<div class="likeitem">
							<a href="javascript:void(0)" onclick="dolike()" class="like"><em class="likenum">{$list.like}</em><em class="dolike">我喜欢</em></a>
						</div>
					</div>
					<div style="height:50px; padding:10px 0;">
					<!-- Baidu Button BEGIN -->
						<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">
							<a class="bds_qzone"></a><a class="bds_tsina"></a><a class="bds_tqq"></a>
							<a class="bds_renren"></a><a class="bds_kaixin001"></a>
							<a class="shareCount" id="shareCount"></a>
						</div>
						<script type="text/javascript" id="bdshare_js" data="type=tools&amp;mini=1&amp;uid=13499"></script>
						<script type="text/javascript" id="bdshell_js"></script>
						<script type="text/javascript">
							document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
						</script>
					<!-- Baidu Button END -->
					</div>
			</div>
			
			<!--评论框框-->
			<div class="kuangkuang" style="width:380px;height:204px;left: 50%;margin-left:-190px; top: 50%;margin-top:-102px; position: absolute; visibility: visible; z-index: 9999;display:none;position:fixed;">
				<div class="d-outer d-state-focus d-state-visible">
					<table class="d-border">
						<tbody>
							<tr>
								<td class="d-nw"></td>
								<td class="d-n"></td>
								<td class="d-ne"></td>
							</tr>
							<tr>
								<td class="d-w"></td>
								<td class="d-c">
									<div class="d-inner">
										<table class="d-dialog">
											<tbody>
												<tr>
													<td class="d-header"><div class="d-titleBar"><div class="d-title">回复评论</div><a class="d-close" href="javascript:/*artDialog*/;">×</a></div></td>
												</tr>
												<tr>
													<td class="d-main" style="width: auto; height: auto;">
														<div class="d-content" style="padding: 20px 25px;"><textarea placeholder="请先登录在评论..." name="replymessage" style="padding:8px; border:1px solid #ccc; width:300px; height:60px; overflow:auto;" id="replymessage"></textarea></div>
													</td>
												</tr>
												<tr>
													<td class="d-footer">
														<div class="d-buttons" style="">
															<input type="hidden" class="author_id" value="">
															<input type="hidden" class="pid" value="{$list.id}">
															<input type="button" class="d-button d-state-highlight" value="回复">
														</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
								<td class="d-e"></td>
							</tr>
							<tr>
								<td class="d-sw"></td>
								<td class="d-s"></td>
								<td class="d-se"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!--评论框框结束-->
			<input type="hidden" class="session" value="{:session('member.uid')}">
			<script>
			$(document).ready(function(){ 
				$(".d-close").click(function(){
					$(".kuangkuang").hide();
				});
				
				$(".d-state-highlight").click(function(){
					var author_id=$(".author_id").val();
					var content=$("#replymessage").val();
					var pid=$(".pid").val();
					var is_level=1;
					if(content==''){
						swal("OMG!", "客官，这家伙忘记写内容了!!!", "error");
						return false;
					}
					$.ajax({
					    url: "/comment.html",
					    type: "POST",
					    data: {author_id: author_id, content: content,pid: pid, is_level: is_level},
					    dataType: "json",
					    success: function(msg) {
					        if (msg.code == 200) {
				           		swal("Good!", msg.msg, "success");
								$(".kuangkuang").hide(3000);
					        } else {
					            swal("OMG!", msg.msg, "error");
								$(".kuangkuang").hide(3000);
					        }
					    },
					    error: function(xhr, status, error) {
							swal("OMG!", msg.msg, "error");
					    }
					});
				});
			});
			function reply(author_id){
				var session=$(".session").val();
				var pid=$(".pid").val();
				if(session==''){
					swal("OMG!", "客官，这家伙忘记登录了!!!", "error");
					setTimeout(function(){
							$(".sweet-alert,.sweet-overlay").hide();
						},2000);
					 setTimeout(function(){
						$(".masker").show();
						$("#login").show();
					},2000);
					return false;
				}
				$(".kuangkuang").show();
				$(".author_id").val(author_id);
			}
			</script>
			
			<div id="comments">
				<h2 id="999">评论</h2>
				<form>
					<div>
						<textarea name="message" class="cmessage" placeholder="请先登录在评论..."></textarea>
					</div>
					<div style="margin-top:10px; text-align:right;">
						<input type="button" onclick="comment1({$list.mid});" class="cbtn" value="评论">
					</div>
				</form>
				<script>
				function comment1(author_id){
					var session=$(".session").val();
					var pid=$(".pid").val();
					if(session==''){
						swal("OMG!", "客官，这家伙忘记登录了!!!", "error");
						setTimeout(function(){
							$(".sweet-alert,.sweet-overlay").hide();
						},2000);
						
						 setTimeout(function(){
							$(".masker").show();
							$("#login").show();
						},2000);
						return false;
					}
					var content=$(".cmessage").val();
					//var pid=$(".pid").val();
					var is_level=0;
					if(content==''){
						swal("OMG!", "客官，这家伙忘记写内容了!!!", "error");
						return false;
					}

					$.ajax({
					    url: "/comment.html",
					    type: "POST",
					    data: {author_id: author_id, content: content,pid: pid, is_level: is_level},
					    dataType: "json",
					    success: function(msg) {
					        if (msg.code == 200) {
				           		swal("Good!", msg.msg, "success");
								$(".kuangkuang").hide(3000);
					        } else {
					            swal("OMG!", msg.msg, "error");
								$(".kuangkuang").hide(3000);
					        }
					    },
					    error: function(xhr, status, error) {
							swal("OMG!", msg.msg, "error");
					    }
					});
					
				}
				
				
				
				</script>
				<ul id="commentlist">
						{volist name="comment" id="vo"}
							<li id="c_798061">
								<div class="cu"><img class="lazy" data-original="{$vo.avatar}"/></div>
								<div class="ci">
									<if condition="$vo['is_level'] eq 0">
									<div class="cc"><a href1="" target="_blank">{$vo.critic}</a>：{$vo.content}</div>
									<else />
									<div class="cc"><a href1="" target="_blank">{$vo.critic}</a><font color="red">@</font><a href1="" target="_blank">{$vo.nickname}</a>：{$vo.content}</div>
									</if>
									<div class="cd"><a href="javascript:void(0)" onclick="reply({$vo.critic_id});">回复</a>{$vo['addtime']}</div>
								</div>
							</li>
						{/volist}			
				</ul>
			</div>
		</div>
		<!--main-->
		<div id="sidebar">
			<div class="mod author">
				<div class="authorinfo">
					<table border="0" cellspacing="0" cellpadding="0" style="margin:0 10px;">
						<tr>
							<td>
								<a href="javascript:void(0)" onclick="gohome({$author.uid})" target="_blank" style="border:1px solid #f5f5f5; border-radius:5px; width:50px; height:50px; overflow:hidden; display:block; background:#fff;">
									<img src="{$author.avatar}" width="50" height="50">
								</a>
							</td>
							<td style="padding-left:10px;">
								<h3><a href="javascript:void(0)" onclick="gohome({$author.uid})" target="_blank">{$author.penname}</a></h3>
								<div class="guanzhu">
								    {if !isset($follow.id) || empty($follow.id)}
								        <a href="javascript:void(0)" onclick="follow({$author.uid})" class="dobtn">+ 加关注</a>
								    {else /}
								        <a href="javascript:void(0)" onclick1="delfollow1({$author.uid})" class="dobtn" style="background:green;border: 1px solid green;">已关注</a>
								    {/if}
								</div>
							</td>
						</tr>
					</table>
				</div>
				<p class="signature"></p>
			</div>
			
			<!--<div class="mod" style="padding:15px 15px;">
				<div class="search">
					<form action="http://s.sanwen8.cn/cse/search" method="get" target="_blank">
						<div class="skwrap">
							<input name="q" class="skeywords" />
							<input name="s" value="15499524511446827032" type="hidden" />
							<input type="submit" value="搜索" class="sbtn" /></div>
					</form>
				</div>
			</div>-->
			<div class="mod">
				<h2>编辑推荐</h2>
				<ul>
					{volist name="recommend" id="vo"}
					<li><a href="/article/{$vo.id}.html" target="_blank">{$vo.title}</a></li>
					{/volist}
				</ul>
			</div>
			
			<div class="mod">
				<h2>访问量榜</h2>
				<ul>
					{volist name="access" id="vo"}
					<li><a href="/article/{$vo.id}.html" target="_blank">{$vo.title}</a></li>
					{/volist}
				</ul>
			</div>
			<div class="mod">
				<h2>最新发布文章</h2>
				<ul>
					{volist name="new" id="vo"}
					<li><a href="/article/{$vo.id}.html" target="_blank">{$vo.title}</a></li>
					{/volist}
				</ul>
			</div>
          	
		</div>
		<!--#sidebar-->
	</div>
	
	<div class="footerwrap">
		<div id="footer">
		    
			<div class="links"><a href="/" target="_blank">好诗文</a> |
				<a href="/" target="_blank">好诗文</a></div><div>本站作品版权所有，未经许可不得转载 CopyRight &copy;2007-2014 <a href="/">好诗文</a>
			</div>
		</div>
	</div>
</div>
<script src="__ROOT__/shiwen/pc/xin/js/jquery.min.js"></script>
<script src="__ROOT__/shiwen/pc/xin/js/layer.js" type="text/javascript"></script>
  <script src="__ROOT__/shiwen/pc/xin/js/jquery.lazyload.js"></script>
  <script src="__ROOT__/shiwen/pc/xin/js/common.js"></script>
<script type="text/javascript">
	$("img.lazy").lazyload({effect : "fadeIn"});
</script>
  
</body>
<script>
	//分享
	var share =$("#bdshare #shareCount").html();
	var pid=$(".pid").val();
	// $.ajax({
	//     url: "/share.html",
	//     type: "POST",
	//     data: {share: share, pid: pid},
	//     dataType: "json",
	//     success: function(msg) {
	        
	//     },
	//     error: function(xhr, status, error) {
			
	// });
	
	
	//特色
	$(".dobtn").mouseover(function(){
			layer.tips('么么哒', '.dobtn', {
			  tips: [4, '#78BA32']
			});
		});
	
	$(".dolike").mouseover(function(){
			layer.tips('快点哒', '.dolike', {
			  tips: [4, '#78BA32']
			});
		});
	
	//点击我喜欢
	function dolike(){
		var pid=$(".pid").val();
		var num=$(".likenum").text();
		num=parseInt(num)+1;

		$.ajax({
			    url: "/like.html",
			    type: "POST",
			    data: {pid: pid},
			    dataType: "json",
			    success: function(msg) {
			        if (msg.code == 200) {
		          		swal("Good!", msg.info, "success");
						var src="<a href='javascript:void(0)' onclick='ndolike()' class='like'><em class='likenum'>"+num+"</em><em class='dolike'>我喜欢</em></a>";
						$(".likeitem").html(src);
			        } else {
			            swal("OMG!", msg.msg, "error");
			        }
			    },
			    error: function(xhr, status, error) {
					swal("OMG!", msg.msg, "error");
			    }
			});

	}

	//访问
	function gohome(uid){
		var session=$(".session").val();
		if(session==''){
			swal("OMG!", "客官，这家伙忘记登录了!!!", "error");
			setTimeout(function(){
				$(".masker").show();
				$("#login").show();
			},2000);
			return false;
		}
		if(typeof(uid) == 'undefined'){
			swal("OMG!", "客官，这家伙拒绝你的访问!!!", "error");
			return false;
		}
		window.open('/home/' + uid + '.html', '_blank');
	}
	
	//再次点击
	function ndolike(){
	
		swal("OMG!", "[捂脸]，你这家伙还没点够???", "error");
	
	}

	//关注
	function follow(uid){
		var session=$(".session").val();
		if(session==''){
			swal("OMG!", "客官，这家伙忘记登录了!!!", "error");
			 setTimeout(function(){
				$(".masker").show();
				$("#login").show();
			},2000);
			return false;
		}
		if(session==uid){
			swal("OMG!", "客官，这家伙是你自己啊!!!", "error");
			return false;
		}
		$.ajax({
		    url: "/follow.html",
		    type: "POST",
		    data: {my_id: session, author_uid: uid},
		    dataType: "json",
		    success: function(msg) {
		        if (msg.code == 200) {
	            	var src="<a href='javascript:void(0)' onclick1='delfollow(365)' class='dobtn' style='background:green;border: 1px solid green;'>已关注</a>";
					$(".guanzhu").html(src);
		        } else {
		            swal("OMG!", msg.msg, "error");
		        }
		    },
		    error: function(xhr, status, error) {
				swal("OMG!", msg.msg, "error");
		    }
		});
	}
	
	//取消关注
	function delfollow(uid){
		var session=$(".session").val();
		$.ajax({
		    url: "/delfollow.html",
		    type: "POST",
		    data: {my_id: session, author_uid: uid},
		    dataType: "json",
		    success: function(msg) {
		        if (msg.code == 200) {
	            	var src="<a href='javascript:void(0)' onclick='follow(365)' class='dobtn'>+ 加关注</a>";
					$(".guanzhu").html(src);
		        } else {
		            swal("OMG!", msg.msg, "error");
		        }
		    },
		    error: function(xhr, status, error) {
				swal("OMG!", msg.msg, "error");
		    }
		});
	}
	
</script>


</html>